<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
      
      <h:head>
      <!-- Aqui está o título da página que aparece apenas no navegador -->
      <div id="titulo">
      <ui:insert name="pageTitle">Título da Página</ui:insert>
      </div>
      
      <!-- Aqui está está setando para a página de estilos css -->
      <h:outputStylesheet library="css" name="estilo1.css"></h:outputStylesheet>
      
      </h:head>
      
      <h:body>
      <!-- Aqui está a configuração de início de toda a página -->
    <div id="container">
    
    <!-- Aqui está a configuração da imagem do cabeçalho da página -->
	<div id="header"><ui:insert name="pageHeader">Cabeçalho</ui:insert></div>
	
	<!-- Aqui está a configuração do menu abaixo do cabeçalho da página -->
	<div id="mainnav">
		<h:form>
	<ul>  			
		
		<li><h:commandLink action="usuario" value="Cadastro de Usuarios" /></li>
		<li><h:commandLink action="material" value="Cadastro de Materiais" /></li>
		<li><h:commandLink action="equipamentos" value="Cadastro de Equipamentos" /></li>
		<li><h:commandLink action="registroOs" value="Ordem de Serviço" /></li>
		  		
	</ul>
		
		</h:form>
		
		</div>
	
	<!-- Aqui está a configuração do menu à direita da página -->
	<div id="menu">
	
	<h3>Arquivadas</h3>  		
	<ul>  			
		<li><a href="#">Dezembro 2014</a></li>  			
		<li><a href="#">Novembro 2014</a></li>  			
		<li><a href="#">Outubro 2014</a></li>  			
		<li><a href="#">Setembro 2014</a></li>  			
		<li><a href="#">Agosto 2014</a></li>  		
	</ul>  		
	<h3>As útimas 10 entradas</h3>  		
	<ul>  			
		<li><a href="#">Entrada 120 (4)</a></li>  			
		<li><a href="#">Entrada 119 (0)</a></li>  			
		<li><a href="#">Entrada 118 (9)</a></li>  			
		<li><a href="#">Entrada 117 (3)</a></li>  		
	</ul> 	
	</div>
	
	<!-- Aqui está a configuração do corpo da página -->
		<div id="contents">
			<ui:insert name="body">Page Body</ui:insert>				
	   </div>
	  	
	<!-- Aqui está a configuração do rodapé da página -->
	<div id="footer">
		<ui:insert name="footer">SISGEDOS - Sistema de Gerenciamento de Ordem de Serviço - ATI - Assessoria de Tecnologia da Informação</ui:insert>
		</div>
      </div>      
      
      </h:body>      
   		
</html>